<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>工具聚合</title>
  <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
  <link href="/static/css/layui.css" rel="stylesheet">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/jquery.cookie.js"></script>
</head>
<style>
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        color: #f5f5f5;
        display: flex;
        flex-direction: column;
        height: 100vh;
        overflow: hidden;
    }
    .heard {
        text-align: center;
        height: 50px;
        font-size: 1rem;
        line-height: 50px;
        background-color: green;
    }
</style>
<body>
    <!-- 抬头信息 -->
    <div class="layui-row heard">聚合网站</div>

    <!-- 内容信息  -->
    <div class="layui-bg-gray" style="padding: 16px;">
      <div class="layui-row layui-col-space15">
        {% for item in powers %}
            <div class="layui-col-md6">
              <div class="layui-card" data-target="{{ item.url }}">
                <div class="layui-card-header">{{ item.name }}</div>
                <div class="layui-card-body">
                    {{ item.remark }}
                </div>
              </div>
            </div>
        {% endfor %}
      </div>
    </div>
</body>
<script src="/static/js/base.js"></script>
<script src="/static/layui.js"></script>
<script>
    layui.use(function(){
      var util = layui.util;
      // 自定义固定条
      util.fixbar({
        bars: [{ // 定义可显示的 bar 列表信息 -- v2.8.0 新增
          type: 'home',
          icon: 'layui-icon-home',
          style: 'background-color: #FF5722;'
        }],
        // 点击事件
        click: function(type){
          console.log("点击时间", type);
          if (type === 'home'){
              location.href = "/";
          }
        }
      });
    });
</script>
</html>